<template>
	<div class="Line-view" :style="{ paddingTop: modelData.padding * 2 + 'rpx', paddingBottom: modelData.padding * 2 + 'rpx' }">
		<div class="line-in" :style="{ borderTop: modelData.borderWidth * 2 + 'rpx ' + modelData.borderStyle + ' ' + modelData.borderColor }"></div>
	</div>
</template>

<script>
export default {
	name: 'LineF',
	props: {
		modelData: {
			type: Object,
			default: () => {
				return {};
			}
		}
	},
	props: {
		modelData: {
			type: Object,
			default: () => {
				return {
					borderWidth: 1,
					borderStyle: 'soild',
					borderColor: '#cccccc',
					padding:4
				};
			}
		}
	}
};
</script>

<style scoped>
.line-in {
	border-top: 1px solid #000000;
}
</style>
